import React from 'react'
import classnames from 'classnames' // cnpm i classnames -S
// DOM样式
// 1.行内样式
// 2.class样式 ---- class 在react关键字  ---- class ===> className
//    可以把css文件当成模块来使用
// 3.不同的条件添加不同的样式 btn btn-success btn-fail
// 4.classnames模块 btn btn-success btn-fail
class App extends React.Component {
  // 初始化状态
  state = {
    flag: false
  }
  render () {
    const sty = classnames({
      'btn': true,
      'btn-success': this.state.flag,
      'btn-fail': !this.state.flag
    })
    return (
      <>
        <button className= {sty}>按钮</button>
      </>
    )
  }
}

export default App